<!DOCTYPE html>
<html lang="en">
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="author" content="陈旭光，Chen XuG,chenxvguang1991@163.com">
        <title>2048</title>
        <link rel="shortcut icon" href="title.ico"/>
        <style>
                html,body { width:100%;height: 100%;overflow: hidden;background: #CCCCCC;font-family: Arial, Microsoft YaHei;}
                * {padding:0;margin:0; }
                #gameAera{position: relative;width: 500px;height: 500px;margin:20px auto;background: #CDC8B1;border-radius: 10px;}
                #can1{position: absolute;top: 0;left: 0;z-index: 1}
                #can2{position: absolute;top: 0;left: 0;z-index: 2}
                #replay{display:none;position:absolute;top: 390px;left: 0px;width: 500px;height: 80px;line-height: 80px;font-size: 40px;text-align: center;
                            background:rgba(240,240,240,.7);z-index: 4;transition: all 0.5s ease;cursor:pointer;}
                #replay:hover{background:#EE7600;}
                #desc{margin:0 auto;width: 500px;height: 100px }
                #desc p{width: 500px;height:48px;color: #CDAD00;text-align:center;line-height: 48px;}
                p:first-child{border-bottom: 4px solid #CDAD00;font-size: 40px;}
                p:last-child{font-size: 30px}

        </style>
</head>
<body>
        <div id='gameAera'>
            <canvas id='can1' width=500 height="500"></canvas>
            <canvas id='can2' width=500 height="500"></canvas>
            <span id='replay'>Play Again</span>
        </div>
        <div id='desc'>
            <p>score:<span id='score'></span></p>
            <p>author: Chen XuG</p>
        </div>
        <script type="text/javascript" src='game.js'></script>
</body>
</html>